<template>
	<view style="padding-top: 10rpx;">
		<view class="shop_message_box" v-for="(item,index) in ListInfo" :key="index">
			<view class="message_top flex_center_between">
				<view class="flex_center">
					<image :src="item.store_avatar" class="sengnv_logo"></image>
					<text>{{item.store_name}}</text>
				</view>
				<view>
					<!-- <text>快速沟通</text> -->
					<text class="go_shop" @click="ToShop(item.store_id)">进入店铺></text>
				</view>
			</view>
			<view class="message_image">
				<image v-for="(value,_index) in item.goods_lists" :key="_index" :src="value.goods_image" @click="NavTo(value.goods_id)"></image>
				<!-- <image src="../../static/images/sengdie02.png"></image>
				<image src="../../static/images/sengdie03.png"></image> -->
			</view>
		</view>
	</view>
</template>

<script>
	const util = require("@/common/api_sign/request.js")
	export default{
		data(){
			return{
				list:[0,1,2,3],
				ListInfo:"",
			}
		},
		methods:{
			ToShop(store_id){
				uni.navigateTo({
					url:"/mall/store/store?store_id="+store_id
				})
			},
			NavTo(goods_id){
				uni.navigateTo({
					url:"/mall/goods/info?goods_id="+goods_id
				})
				},
			GetList(){//获取列表信息
			let that = this;
				util.request({
					url: '/mobile/index.php?act=store&op=list_app',
					method: 'get',
					data: {
							
					},
				}).then(function(res) {
					that.ListInfo=res.datas.store_list;
					console.log(res)
				})
			},
		},
		created() {
			this.GetList();
		},
		mounted() {
			
		}
	}
</script>

<style scoped>
	.shop_message_box{
		background-color: #FFFFFF;padding: 0 20rpx;margin-bottom: 17rpx;
	}
	.shop_message_box:last-child{
		margin-bottom:0;
	}
	.message_image{
		display: flex;
		justify-content: space-around;
		padding: 17rpx 0;
	}
	.message_image image{
		height: 193rpx;
		width: 193rpx;
	}
	.go_shop{
		color: #ff4300;margin-left: 30rpx;
	}
	.message_top{
		padding: 20rpx 0 10rpx;
		border-bottom: 1px solid #F0F0F0;
	}
	.flex_center_between{
		display: flex;justify-content: space-between;
	}
	.flex_center{
		display: flex;align-items: center;
	}
	.sengnv_logo{
		width: 47rpx;height: 47rpx;margin-right: 20rpx;
	}
</style>
